<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

<head>
    <title>Kyai Jawab | Isatech Indonesia - IT Consulting and Software Development</title>
    
    <link rel="shortcut icon" href="../images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/prettyPhoto.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- start: Top Menu -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#"><img src="../images/logo.png"/></a>
            <div class="nav-collapse collapse">
                <ul class="nav pull-right">
                    <li><a href="../index.html">Home</a></li>
                    <li><a href="../about.html">About</a></li>
                    <li><a href="../services.html">Services</a></li>
                    <li class="active"><a href="../portfolio.html">Portfolio</a></li>
                    <li><a href="../contact.html">Contacts</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- start: Top Menu -->

<!-- start: Container -->
<div class="container">

    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1>Kyai Jawab<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="../#">Home</a><i class="icon-angle-right "></i><a href="../portfolio.html">Portofolio</a><i class="icon-angle-right "></i>Kyai Jawab
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">

        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">

            <div class="page-inner">
                <div class="row-fluid single-portfolio">
                    <div class="span8">
                        <div id="mainslider" class="flexslider">
                            <ul class="slides">
                                <li><img src="../example/slider1.jpg" alt="" /></li>
                                <li><img src="../example/slider2.jpg" alt="" /></li>
                                <li><img src="../example/slider3.jpg" alt="" /></li>
                                <li><img src="../example/slider4.jpg" alt="" /></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="ps-description">
                            <p>Aplikasi berbasis Android yang digunakan sebagai FAQ seputar agama Islam dengan memanfaatkan database yang telah ada di web. Aplikasi ini dibangun menggunakan PhoneGap Framework yang memungkinkan di porting ke beberapa mobile device lain</p>
                            <h4>Project Overview</h4>
                            <ul class="icons">
                                <li><i class="icon-angle-right"></i><span>Date:</span> May 9, 2012</li>
                                <li><i class="icon-angle-right"></i><span>Client:</span> Google</li>
                                <li><i class="icon-angle-right"></i><span>Category:</span> Web Design</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            

        </section>
        <!-- end: Page section -->

        <!-- start: Sidebar -->
        <!-- end: Sidebar -->

    </div>

</div>

<!-- end: Container -->
        <!-- start: Footer -->
        <footer id="footer">
            <div class="container">
                <ul class="social clearfix">
                    <li><a href="../#" data-original-title="Facebook" >
                            <i class="icon-facebook-sign"></i>
                        </a></li>
                    <li><a href="../#" data-original-title="Twitter" >
                            <i class="icon-twitter-sign"></i>
                        </a></li>
                    <li><a href="../#" data-original-title="Google+">
                            <i class="icon-google-plus-sign"></i>
                        </a></li>
                </ul>
            </div>

        </footer>
        <!-- end: Footer -->

        <!-- start: Footer menu-->
        <section id="footer-menu">
            <div class="container">
                <div class="row">
                    <div class="span4">
                        <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                    </div>
                    <div class="span8 hidden-phone">
                        <ul class="pull-right">
                            <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- end: Footer menu-->


</body>
</html>
